@CHARSET "UTF-8";

.xmppIMPanel {
	font-family: "Arial","Helvetica","Verdana","sans-serif","宋体";
	font-size: 12px;
	margin: 0;
	padding: 0 !important;
}

#xmppIM_loginPanel{
	padding-top:60px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
}


#xmppIM_loginPanel  .loginUserId{
	margin-bottom:15px;
	width:200px;
}

#xmppIM_loginPanel .loginPassword{
	width:200px;
}

#xmppIM_loginPanel .loginButton{
	margin-top:60px;
	margin-left:35%;
}

#xmppIM_statusBar{
	padding:5px 2px 6px 3px;
}

#xmppIM_statusBar .avatar{
	float:left;
	margin-bottom:6px;
}

#xmppIM_statusBar .userInfo{
	float:left;
	margin-left:10px;
	margin-top:2px;
	margin-bottom:6px;
}

#xmppIM_statusBar .userName{
	font-size:13px;
	font-weight:bold;
}

#xmppIM_statusBar .presence{
	cursor:pointer;
	margin-left:10px;
}

.xmppIM_toolBar{
	
}

.xmppIM_toolBar .searchBg{
	background:url("images/im.png") no-repeat scroll 100% -170px;
	border:1px solid #DFE7ED;
	width:200px;
	float:left;
}

.xmppIM_toolBar .searchInput{
	border:0;
	width:170px;
}

.xmppIM_toolBar .toolBar{
	float:right;
}

.xmppIM_toolBar .toolBar div{
	float:right;
	margin-left:6px;
	cursor:pointer;
}

#xmppIM_contactList {
	padding: 10px 0 0 0;
	margin: 0;
}

#xmppIM_contactList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#xmppIM_contactList li {
	clear: both;
	display: block;
	line-height: 18px;
	margin: 0;
	min-height: 18px;
	padding: 0 0 0 15px;
}

#xmppIM_contactList li b {
	float:left;
	cursor: pointer;
}

#xmppIM_contactList li a {
	float:left;
	cursor: pointer;
}

#xmppIM_contactList li.user {
	cursor: pointer;
}

#xmppIM_contactList li.user b {
	float:left;
}

#xmppIM_contactList li.user a {
	float:left;
	font-weight:normal;
}

#xmppIM_contactList li.online a {
	font-weight:bold;
}
/*在线状态*/
#xmppIM_contactList li.user span {
	margin-left:15px;
	color:#999999;
}

/*聊天对话框*/
.xmppIM_chatPanel {
	font-size: 12px;
}

.xmppIM_chatPanel .header {
	
}

.xmppIM_chatPanel .header .avatar {
	float: left;
}

.xmppIM_chatPanel .header .chatRoomUserInfo {
	margin-left: 5px;
	color: #999900;
	float: left;
	width: 150px;
}

.xmppIM_chatPanel .header .userName {
	font-size: 12px;
	font-weight: bold;
}

.xmppIM_chatPanel .header .presence {
	
}

.xmppIM_chatPanel .chatLog {
	width: 100%;
	height: 190px;
	padding: 10px 0px 0px 0px;
	border:0;
	background-color:#ffffff;
	overflow-y:auto;
}

.xmppIM_chatPanel .chatLog .logItem {
	margin-left:5px;
	margin-top:2px;
}

/*接收到的消息*/
.xmppIM_chatPanel .chatLog .itemHeaderFrom {
	color: #0000FF;
}

/*发出去的消息*/
.xmppIM_chatPanel .chatLog .itemHeaderTo {
	color: #008040;
}

.xmppIM_chatPanel .chatLog .logUserName {
	
}

.xmppIM_chatPanel .chatLog .logTime {
	margin-left: 15px;
}

.xmppIM_chatPanel .chatLog .content {
	margin-left: 20px;
	color: #000000;
}

/*聊天工具栏*/
.xmppIM_chatPanel .cmdBar {
	width: 100%;
	height: 27px;
	background-color: #C2D5E2;
	border:0;
	padding:0;
}

.xmppIM_chatPanel .inputArea {
	width: 100%;
	border:0;
	height: 55px;
	padding: 0;
}

.xmppIM_chatPanel .inputArea textarea {
	width: 100%;
	height: 70px;
	overflow: auto;
	border: 0px;
	padding:0px;
}

.xmppIM_chatPanel .inputArea input {
	width: 70px;
	height: 50px;
}

/*聊天对话框*/
.xmppIM_chatDialog {
	margin:0;
	padding:0 !important;
}

.xmppIM_chatDialog li .ui-icon-close {
	float: left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
}

/*搜索用户的表单*/
.xmppIM_searchForm{
	margin:10px 0px 0px 2em;
}

#xmppIM_searchDetail_result {
	overflow-x : hidden;
}

#xmppIM_searchDetail_result table{
	width:100%;
	table-layout:fixed;
}

#xmppIM_searchDetail_result td{
	overflow-x : hidden;
	text-overflow:ellipsis;
	cursor: pointer;
}